/* 
 * Filter This Plugin
 * Copyright 2011, Andrei Olaru
 *
------------------------------------------------------------------------------------- */

/* Reset
------------------------------------------------------------------------------------- */
body, div, ul, ol, li, p, h1, h2, h3, span, pre, a, img, blockquote, table, tbody, tfoot, thead, tr, th, td, pre, code { margin:0px; padding:0px; border:0 none; outline:0; vertical-align:baseline; }
ol, ul { list-style:none; }
input { margin:0px; padding:0px; }
:focus { outline:none; }

/* Helpers
------------------------------------------------------------------------------------- */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.hide { display:none; }
.filtered .hidden { display: none; }

/* Elements
------------------------------------------------------------------------------------- */
code { color:#990000;background:#ffffff; }
p { line-height:1.8em; }
ul { list-style-type:disc; }
li { line-height:1.8em; }
ol { list-style-type:decimal; }
blockquote { padding:10px 0; font-size:1em; font-style:italic; color:#990000; border-left:2px solid #cccccc; }

/* Layout
------------------------------------------------------------------------------------- */
body{background:#ffffff;font-family:"Trebuchet MS", Verdana, sans-serif;font-size:14px;color:#000000;text-shadow:0 0 1px #eeeeee;}
a, a:link{text-decoration:none;color:#0066cc;}
a:hover, a:active {text-decoration:none;color:#00AA00;border-bottom:1px solid #dddddd;}
textarea:focus, input:focus{background:#ffffff;border:1px solid #cccccc;}

/* Headings */
h1, h2, h3{font-family:"Trebuchet MS", Verdana, sans-serif;font-weight:normal;letter-spacing:0px;padding:0;line-height:1.2em;}

h1{font-size:1.8em;}

h2{font-size:1.4em;}

h3{font-size:1.2em;}

/* Header */
#topbar {margin:0;padding:0;height:100%;height:20px;background-color:#ffffff;color:#cccccc;}
#topbarinfo {text-align:center;margin:0 auto;padding:0;font-size:12px;}

#container {margin:0 auto;width:960px;}

#header_super {margin:0 auto;width:950px;float:left;padding:5px 5px 10px 5px;font-size:0.9em;color:#eeeeee;}
.left {float:left;padding:0;width:470px;height:15px;}
.right {float:left;padding:0;width:470px;height:15px;text-align:right;}

#header_main {margin:0 auto;width:950px;float:left;padding:0 5px;height:60px;border-bottom:1px solid #eeeeee;}
#logo {float:left;padding:0px;width:60px;height:50px;}
#logo a, #logo a:hover {border-bottom:0px;}
#title{float:left;padding:0;width:950px;height:50px; text-align:center;}
#name{font-size:2.2em;line-height:1.1em;}
#name a , #name a:link {color:#0066CC;}
#name a:hover {text-decoration:none;border-bottom:0px;}
#description{color:#000000;letter-spacing:2px;}
#controls{float:left;padding:2px 0 0 60px;width:610px;height:58px;}

/* Search*/	
#searchfield { height:25px;font-size:1.1em;width:137px;color:#000000;text-shadow:0 0 1px #eeeeee;border:1px solid #cccccc;} 

/* Page */
#page{padding:10px 5px 5px 5px;margin:0;float:left;width:950px;line-height:1.8em;}
.center {text-align:center;}
.count{font-size:1.2em;text-shadow:0 0 1px #eeeeee;}



#footer_dynamic{margin:5px 0;padding:5px;width:950px;float:left;border-top:1px solid #eeeeee;}
.footer_widget{float:left;width:275px;padding:20px 20px 20px 20px;}
#footer_dynamic li{list-style-type:none;}
#footer_static{float:left;width:950px;text-align:center;color:#000000;padding:10px 5px 10px 5px;border-top:1px solid #eeeeee;}


/* Filter
------------------------------------------------------------------------------------- */
#filter { float: left; font-size: 14px; list-style: none; margin: 5px 0; letter-spacing: 1px; }

#filter ul{list-style:none;position:absolute;left:-9999px;z-index:200;border-top:0px;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}

#filter li { float: left;	padding: 3px; margin: 2px;}

#filter  li a:link { border-bottom:0px; color:#000000; background:#eeeeee; padding:1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}

#filter li a:hover { border-bottom:0px; color:#ffffff; background:#00CC00; padding:1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}

#filter ul li{float:none;}

#filter ul a{white-space:nowrap;display:block;}

#filter li{float:left;position:relative;display:block;}

#filter li ul{z-index:200;background:#ffffff;}

#filter li a{display:block;padding:0 10px;text-decoration:none;}

#filter li a:hover{color:#990000;text-decoration:none;border-bottom:0px;}

#filter li:hover ul{left:0;}

#filter li:hover a{background:#ffffff;text-decoration:none;border-left:#eeeeee}

#filter li:hover ul li a:hover{ text-decoration:none; }

/* Items
------------------------------------------------------------------------------------- */
#horizontal{ float: left; width: 500px; list-style: none; padding: 3px; color: #cccccc; }

#dropdown { float: left; width: 200px; list-style: none; border-left: 1px dotted #eeeeee; padding: 3px; color: #cccccc; }

#sort{ float: left; width: 150px; list-style: none; border-left: 1px dotted #eeeeee; padding: 3px; color: #cccccc; }

#search { float: left; width: 150px; list-style: none; border-left: 1px dotted #eeeeee; padding: 3px; color: #cccccc; }

#reset { float: left; width: 60px; list-style: none; border-left: 1px dotted #eeeeee; padding: 3px; color: #cccccc; }

#portfolio { float: left; list-style: none; margin-left: 0; width: 950px; }

#portfolio ul { float: left; font-size: 14px; }

#portfolio li { border: 0px dotted #eeeeee; float: left; padding:10px; width: 216px; height: 200px; }

#portfolio li a { border-bottom:0px; }

#portfolio li a:hover img {border: 2px solid #00CC00; }

#portfolio li img{ border: 2px solid #cccccc; }

#portfolio li hidden { display: none; }


/* Buy Cart Button*/
.cart { font-size:0.8em; text-align: center; line-height:1.2; }
.cart a { color:#ffffff; padding: 2px 20px; background:#009900; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.cart a:hover { color:#ffffff; background:#00AA00; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}

/* Images */
img a:hover {text-decoration:none;}
img.image {background:#eeeeee;padding:5px;}
img.archive-thumbnail{float:left;background:#eeeeee;border:1px solid #dddddd;padding:5px;}